<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/detail.css">
    <script src="./js/jq/jquery.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/jq/detail.js"></script>

    <script src="./libs/jquery-1.11.1.js"></script>
    <!-- <script src="./libs/jquery-validation/jquery.validate.js"></script> -->
    <script src="./libs/layer/layer.js"></script>
</head>
<body>
    <div class="header">
        <div class="h-con clear main">
            <ul class="clear">
                <li>hi，欢迎来我买网!</li>
                <li>[<a href="./login.html">登录</a>|</li>
                <li><a href="./register.html">免费注册</a>]</li>
                <li class="myaccount">
                    我的账户<i>&nbsp;&nbsp;&nbsp;</i>
                    <div class="account">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="nav">
        <div class="nav-con clear main">
            <img class="fl" src="./img/detail/top_adv_1.png" alt="">
            <div class="search">
                <div class="searchBox">
                    <input type="text" class="txt fl" name="txt" placeholder="明前茶">
                    <div class="searchPic fl"></div>
                </div>
                <ul class="clear">
                    <li>热门搜索：</li>
                    <li><a href="#">枣夹核桃</a></li>
                    <li><a href="#">红颜草莓</a></li>
                    <li><a href="#">沁州黄小米</a></li>
                </ul>
            </div>
            <img class="fr appxz" src="./img/detail/top_adv_2.png" alt="">
        </div>
    </div>
    <div class="topnav">
        <div class="topnav1 clear main">
            <ul class="fl navLeft">
                <li>
                    <a href="#">包邮直送首页</a>
                    <i>&nbsp;</i>
                </li>
                <li>
                    <a href="#">直送团</a>|
                </li>
                <li>
                    <a href="#">特价区</a>|
                </li>
                <li>
                    <a href="#">新品区</a>
                </li>
            </ul>
            <ul class="fr">
                <li class="_backIndex">
                    <i>&nbsp;&nbsp;&nbsp;</i>
                    <a href="./index.html" target="_blank"><strong>返回我买网</strong></a>
                </li>
                <li class="mycart">
                    <span class="account jshu">0</span>
                    <a href="#">购物车</a>
                    <div class="goods">
                        <div class="tit">
                            <strong>购物车中的商品</strong>
                        </div>
                        <div class="totalacount">
                            <ul class="clear">
                                <li class="fl">
                                    共
                                    <span class="account cartSl">0</span>
                                    件商品&nbsp;&nbsp;总计：￥
                                    <strong class="price cartSl">0</strong>
                                </li>
                                <li class="fr gocart"><a href="#">去购物车</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="dropdown">
        <div class="channel_Page_title main clear">
            <div class="zs_main_menu fl">
                <span class="txt fl">全部产地直送</span>
                <span class="icon_pic fl"></span>
            </div>
            <div class="menu_con_bottom"></div>
            <ul class="fl">
                <li>
                    <span></span>
                    <a href="#">礼卡礼盒</a>
                </li>
                <li>
                    <span></span>
                    <a href="#">浪漫红酒</a>
                </li>
                <li>
                    <span></span>
                    <a href="#">肉铺果干</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="content">
        <div class="con1 main">
            <a href="#">产地直送</a>&gt;
            <a href="#">味道中国</a>&gt;
            <a href="#">农耕的收获</a>&gt;
            <a href="#">加工食品</a>&gt;
            <a href="#">方便速食</a>&gt;
            <a href="#">罐头食品</a>&gt;
            <a href="#">可可果商贸</a>&gt;
            <a href="#">【中粮】中粮梅林美味午餐肉罐头340g*5罐（新老包装交替发货）</a>
        </div>
        <div class="con2 main clear detail_top ">
            <div class="detail_t_l fl">
                <div id="middleImg">
                    <img src="./img/detail/1_2.jpg" alt="">
                    <div id="middleArea"></div>
                </div>
                <div id="small">
                    <div class="prev_onclick"></div>
                    <div class="next_onclick"></div>
                    <div class="item">
                        <ul>
                            <li><img src="./img/detail/1_1.jpg" alt=""></li>
                            <li><img src="./img/detail/2_1.jpg" alt=""></li>
                            <li><img src="./img/detail/3_1.jpg" alt=""></li>
                            <li><img src="./img/detail/4_1.jpg" alt=""></li>
                            <li><img src="./img/detail/5_1.jpg" alt=""></li>
                            <li><img src="./img/detail/6_1.jpg" alt=""></li>
                            <li><img src="./img/detail/7_1.jpg" alt=""></li>
                            <li><img src="./img/detail/8_1.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>
                <div id="bigArea">
                    <img id="bigImg" src="./img/detail/1_2.jpg" alt="">
                </div>
                <div class="share">分享有礼</div>
            </div>
            <div class="detail_t_r fl">
                <div class="title">
                    <h2> 【中粮】中粮梅林美味午餐肉罐头340g*5罐（新老包装交替发货）</h2>
                    <div class="titbottom">
                        此商品为特惠商品，部分卡券不可使用，详见券面说明。
                    </div>
                </div>
                <div class="pro_middle">
                    <div class="priad clear">
                        <div class="fl">
                            <div class="buyprice fl">零售价：</div> 
                            <span class="price price1 fl">￥</span>
                            <span class="price fr">89.90</span>
                        </div> 
                        <div class="fl buyintergral">可获<span class="intergral">89.00</span>积分</div>
                    </div>
                </div>
                <div class="clear">
                    <div class="pro_m_left">
                        <div class="buycomment fl fs12">
                            买友评分：
                        </div>
                        <div class="item7 fl">
                            <ul class="clear">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="item8 fl fs12">
                            <span>5.0</span>
                            分|已有
                            <span>12</span>
                            人评价
                        </div>
                    </div>
                    <div class="pro_m_right_w fs12">
                        <div class="pro_m_right_first">
                            <span>:</span>
                            支持配送范围&运费收取
                        </div>
                        <div class="pro_m_right">
                            <span>
                                <a href="#">可可果商贸</a>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="loadBuy clear fs12">
                    <div class="counttxt">
                        数&nbsp;&nbsp;&nbsp;&nbsp;量：
                    </div>
                    <div class="countput">
                        <input type="number" value="1">
                        <div class="input_plus"></div>
                        <div class="input_minus"></div>
                    </div>
                    <div class="addCart"></div>
                    <div class="favorite_btn">收藏宝贝</div>
                    <div class="item_9">
                        <a href="#">退换货规则</a>
                    </div>

                    <div class="buy_pro_pop">
                        <div class="close"></div>
                        <div class="tishi">
                            <i></i>
                            <div class="title">
                                此商品已成功放入购物车
                            </div>
                        </div>
                        <div class="font">
                            购物车共
                            <span>1</span>
                            件宝贝&nbsp;&nbsp;&nbsp;&nbsp;
                            合计
                            <span>89.90</span>
                        </div>
                        <div class="btns">
                            <a href="./cart.html" class="gotoCart">去购物车结算</a>
                            <a class="continue">继续购物</a>
                        </div>
                    </div>
                </div>
                <div class="displayProTip">
                    <h2>提&nbsp;&nbsp;&nbsp;&nbsp;示：</h2>
                    <div class="yuju fs12">
                        中粮我买网所售商品均经严格的供应商资质审查、商品审查、入库全检、出货全检流程。由于部分商品包装可能会更换，我买网所示商品图片仅作为参考，关于商品的更详尽信息如包装、产地、生产日期等，以收到商品实物为准。
                    </div>
                </div>
            </div>
        </div>
        <div class="detail">
            <div class="detail_main clear main">
                <div class="detail_left fl">
                    <div class="detail_left_list bigBox">
                        <dl class="clear">
                            <dt>相关分类</dt>
                            <dd>粉条</dd>
                            <dd>米线</dd>
                        </dl>
                    </div>
                    <div class="bigBox">
                        <div class="left_title_2">
                            罐头食品热销榜
                        </div>
                        <div class="left_list_tab">
                            <ul class="clear">
                                <li class="current">同类别</li>
                                <li>同品牌</li>
                                <li>同价位</li>
                            </ul>
                        </div>
                        <div class="product fs12 show" >暂无商品1</div>
                        <div class="product fs12" >暂无商品2</div>
                        <div class="product fs12" >暂无商品3</div>
                    </div>
                    <div class="bigBox clear">
                        <div class="title2">
                            最近看过的商品
                            <div class="empty_list fr">
                                清空
                            </div>
                        </div>
                        <div class="sawgoods">

                        </div>
                    </div>
                </div>
                <div class="detail_right fr">
                    <div class="detail_tab_contain">
                        <div class="tabnav fl">
                            <ul class="clear">
                                <li class="selected">商品信息</li>
                                <li>商品评价</li>
                                <li>菜谱&百科</li>
                            </ul>
                        </div>
                        <div class="taketoCart fr">
                            放入购物车
                        </div>
                    </div>
                    <div class="detail_tab_main">
                        <div class="detail_tab_pro">
                            <div class="detail_tab_pro_info">
                                <ul class="clear">
                                    <li>
                                        品牌：
                                        <a href="#">中粮梅林</a>
                                    </li>
                                    <li>
                                        规格：1700g
                                    </li>
                                    <li>产地：请见下方详情页</li>
                                    <li class="goodsWeight">商品毛重：
                                        <span>2500.0</span>克
                                    </li>
                                </ul>
                            </div>
                            <div class="detail_tab_pro_content">
                                <h2>【中粮】中粮梅林美味午餐肉罐头340g*5罐（新老包装交替发货）</h2>
                                <div class="content">
                                    <img src="./img/detail/20201207021414526.jpg" alt="">
                                    <img src="./img/detail/20201207021416727.jpg" alt="">
                                    <img src="./img/detail/20201207021419341.jpg" alt="">
                                    <img src="./img/detail/20201207021421503.jpg" alt="">
                                    <img src="./img/detail/20201207021424521.jpg" alt="">
                                    <img src="./img/detail/20201207021426880.jpg" alt="">
                                    <img src="./img/detail/20201207021429430.jpg" alt="">
                                    <img src="./img/detail/2020120702143280.jpg" alt="">
                                </div>
                            </div>
                            <div class="detail_tab_por_b">
                                您还可以来
                                <a href="#">[我买团]</a>
                                买优惠的商品，来
                                <a href="#">[我买酒]</a>
                                享受酒文化，来
                                <a href="#">[美食天下]</a>
                                阅读美食资讯与菜谱
                            </div>
                        </div>
                        <div class="detail_tab_common">
                            <div class="common_tit">
                                商品评价
                            </div>
                            <div class="common_top clear">
                                <div class="common_t_l fl">
                                    <div class="clear">
                                        <div class="line_1_l fl">
                                            5.0
                                            <span>分</span>
                                        </div>
                                        <div class="line_1_r fl">
                                            <ul>
                                                <li></li>
                                                <li></li>
                                                <li></li>
                                                <li></li>
                                                <li></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="line_2">
                                        共 12 位买友参与评价
                                    </div>
                                    <div class="line3">
                                        <ul class="fs12">
                                            <li class="clear">
                                                <div class="line_3_l">
                                                    好评
                                                </div>
                                                <div class="line_3_m">
                                                    <div class="line_3_m_line">
                                                        
                                                    </div>
                                                </div>
                                                <div class="line_3_r">
                                                    <span>100.0</span>
                                                    %
                                                </div>
                                            </li>
                                            <li class="clear">
                                                <div class="line_3_l">
                                                    中评
                                                </div>
                                                <div class="line_3_m">
                                                    <div class="line_3_m_line">
                                                        
                                                    </div>
                                                </div>
                                                <div class="line_3_r">
                                                    <span>0.0</span>
                                                    %
                                                </div>
                                            </li>
                                            <li class="clear">
                                                <div class="line_3_l">
                                                    差评
                                                </div>
                                                <div class="line_3_m">
                                                    <div class="line_3_m_line">
                                                        
                                                    </div>
                                                </div>
                                                <div class="line_3_r">
                                                    <span>0.0</span>
                                                    %
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="common_t_m fl"></div>
                                <div class="common_t_r fl">
                                    <div class="line_1">
                                        <a href="#">我要评价</a>
                                    </div>
                                    <ul class="clear line_2">
                                        <li></li>
                                        <li class="fr"><a href="#">积分规则</a></li>
                                    </ul>
                                    <div class="line_list clear">
                                        <dl>
                                            <dt>
                                                <img src="" alt>
                                            </dt>
                                            <dd>支**_2088...</dd>
                                        </dl>
                                    </div>
                                </div>
                                <img src="./img/detail/mark2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="foo-con main clear">
            <p>Copyright©2009-2020  womai.com.hk All Rights Reserved 中粮海优（北京）有限公司版权所有</p>
            <p>中粮海优（北京）有限公司 北京市朝阳区朝阳门南大街8号18F-09室</p>
            <p class="beians">
                <span>
                    <i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
                    京公网安备 11010102000458号
                </span>
                <span>京ICP备 13003995号 <a href="#">营业执照（统一社会信用代码）91110000055590239L</a> 食品经营许可证（社会信用代码）05559023-9</span>
            </p>
        </div>
    </div>
    <div class="footer-botm"></div>
</body>
</html>